.swiper-container .dots {position: absolute;bottom: 40px;left: 0;right: 0;text-align: center;z-index: 1010;}
.swiper-container .dots span {display: inline-block;border-radius: 0;margin: 0px 10px !important;width: 20px;height: 2px;background: #fff;cursor: pointer;transition: .6s;-ms-transition: .6s;-moz-transition: .6s;-o-transition: .6s;-webkit-transition: .6s;}
.swiper-container .dots span.swiper-pagination-bullet-active {width: 80px;}

@media (min-width: 980px) {
    .swiper-container .dots{
        bottom: 20%;
        left: 95%;
        width: 2%;
    }
    .swiper-container .dots span{
        margin: 12px 10px !important;
    }
}


.swiper-container .dots span.swiper-pagination-bullet-active:before {content: "";display: block;width: 0;height: 100%;background: #e50012;animation: dotwidth linear 5s;-webkit-animation: dotwidth linear 5s;-ms-animation: dotwidth linear 5s;}

.banner .swiper-slide {position: relative;font-size: 0;}
.banner .swiper-slide img{width: 100%;}
.bannerVideo {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;}
.bannerVideo video {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.bannerVideo .play {position: absolute;top: 50%;left: 50%;padding-top: 70px;z-index: 20;font-size: 24px;color: #fff;background: url(../img/icon-play2.png) no-repeat top center;margin-left: -105px;margin-top: -35px;width: 210px;text-align: center;cursor: pointer;}
.bannerVideo .vbtn{position: absolute;top: 50%;left: 50%;font-size: 18px;text-decoration: underline;line-height: 24px;width: 210px;text-align: center;margin-left: -105px;margin-top: 80px;color:#fff;z-index: 55;}
.bannerVideo .mobplay {position: absolute;top: 50%;left: 50%;padding-top: 70px;z-index: 20;font-size: 24px;color: #fff;background: url(../img/icon-play2.png) no-repeat top center;margin-left: -105px;margin-top: -35px;width: 210px;text-align: center;cursor: pointer;}
@media (max-width:780px){
    .swiper-container .dots span{margin: 0 4px!important;}
}

.swiper-prev,.swiper-next {outline:none;cursor: pointer;position: absolute;z-index:99;width: 40px;height: 40px;border: 1px solid #333;top: 50%;margin-top: -120px;transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -webkit-transition: .4s;}
.swiper-prev {left:0;background: url(../img/icon-l.png) no-repeat center;}
.swiper-prev:hover{background:#e50012 url(../img/icon-l-white.png) no-repeat center;border-color: #e50012;}
.swiper-next {right:0;background: url(../img/icon-r.png) no-repeat center;}
.swiper-next:hover{background:#e50012 url(../img/icon-r-white.png) no-repeat center;border-color: #e50012;}
.swiper-button-disabled {opacity: 0;}

@media (min-width: 992px) {
    .banner {height: 633px;}
}
@media (max-width:560px){
    .swiper-container .dots {bottom: 4px;}
    .sidetool{display: none;}
    .bannerVideo .play {padding-top: 40px;background-size: 34px;font-size: 16px;margin-top: -62px;}
    .bannerVideo .vbtn {font-size: 14px;margin-top: 5px;}
    .bannerVideo .mobplay {padding-top: 40px;background-size: 34px;font-size: 16px;margin-top: -62px;}
}
.banner.swiper-container .dots span{
    width: 24px;
    height: 24px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 50%;
    background: none;
    opacity: 1;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


.banner.swiper-container .dots span.swiper-pagination-bullet-active{
    width: 24px;
    border-color:transparent ;
}
.banner.swiper-container .dots span.swiper-pagination-bullet-active:before{
    display: none;
}
.banner.swiper-container .dots span:after{
    content: "";
    width: 10px;
    height: 10px;
    /*background: #fff;*/
    border: 1px solid rgba(255,255,255,0.7);
    border-radius:50% ;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
}

.banner.swiper-container .dots span.swiper-pagination-bullet-active:after{
    background: #fff;
}
.banner.swiper-container .dots span #circle {
    transition: linear 3s;
    stroke-dasharray:140,140;
    stroke-dashoffset:140;
}